<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>产业链大数据统计系统 </title>
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico"/>
    <link href="assets/css/loader.css" rel="stylesheet" type="text/css"/>
    <script src="assets/js/loader.js"></script>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <!--<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">-->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/plugins.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->

    <!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM STYLES -->
    <link href="plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
    <link href="assets/css/dashboard/dash_1.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->

</head>
<body>
<!-- BEGIN LOADER -->
<div id="load_screen">
    <div class="loader">
        <div class="loader-content">
            <div class="spinner-grow align-self-center"></div>
        </div>
    </div>
</div>
<!--  END LOADER -->

<!--  BEGIN NAVBAR  -->
<div class="header-container fixed-top">
    <header class="header navbar navbar-expand-sm" style="justify-content: center">

        <ul class="navbar-item theme-brand flex-row  text-center">
            <li class="nav-item theme-logo">
                <a href="show.html">
                    <img src="assets/img/90x90.jpg" class="navbar-logo" alt="logo">
                </a>
            </li>
            <li class="nav-item theme-text">
                <a href="show.html" class="nav-link" style="font-size:36px !important;"> 产业链大数据统计系统 </a>
            </li>
        </ul>


    </header>
</div>
<!--  END NAVBAR  -->

<!--  BEGIN NAVBAR  -->
<div class="sub-header-container">
    <header class="header navbar navbar-expand-sm">
        <a href="javascript:void(0);" class="sidebarCollapse" data-placement="bottom">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                 class="feather feather-menu">
                <line x1="3" y1="12" x2="21" y2="12"></line>
                <line x1="3" y1="6" x2="21" y2="6"></line>
                <line x1="3" y1="18" x2="21" y2="18"></line>
            </svg>
        </a>

        <ul class="navbar-nav flex-row">
            <li>
                <div class="page-header">

                    <nav class="breadcrumb-one" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0);">公共服务平台</a></li>
                            <li class="breadcrumb-item active" aria-current="page"><span>大屏展示</span></li>
                        </ol>
                    </nav>

                </div>
            </li>
        </ul>
    </header>
</div>
<!--  END NAVBAR  -->

<!--  BEGIN MAIN CONTAINER  -->
<div class="main-container" id="container">

    <div class="overlay"></div>
    <div class="search-overlay"></div>

    <!--  BEGIN SIDEBAR  -->
    <div class="sidebar-wrapper sidebar-theme">

        <nav id="sidebar">
            <div class="shadow-bottom"></div>
            <ul class="list-unstyled menu-categories" id="accordionExample">
                <li class="menu">
                    <a href="#dashboard" data-active="true" data-toggle="collapse" aria-expanded="true"
                       class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-home">
                                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                                <polyline points="9 22 9 12 15 12 15 22"></polyline>
                            </svg>
                            <span>公共服务平台</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled show" id="dashboard" data-parent="#accordionExample">
                        <li>
                            <a href="show.html"> 大屏展示 </a>
                        </li>
                        <li class="active">
                            <a href="show.htmlTable.html"> 表格展示 </a>
                        </li>
                    </ul>
                </li>

                <li class="menu">
                    <a href="#components" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-box">
                                <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path>
                                <polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline>
                                <line x1="12" y1="22.08" x2="12" y2="12"></line>
                            </svg>
                            <span>产业体系</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled" id="components" data-parent="#accordionExample">
                        <li>
                            <a href="show.html"> 高端装备制造 </a>
                        </li>
                        <li>
                            <a href="show.html"> 航天信息 </a>
                        </li>
                        <li>
                            <a href="show.html"> 光电信息 </a>
                        </li>
                        <li>
                            <a href="show.html"> 生物医药产业 </a>
                        </li>
                    </ul>
                </li>

                <li class="menu">
                    <a href="#app" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-cpu">
                                <rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect>
                                <rect x="9" y="9" width="6" height="6"></rect>
                                <line x1="9" y1="1" x2="9" y2="4"></line>
                                <line x1="15" y1="1" x2="15" y2="4"></line>
                                <line x1="9" y1="20" x2="9" y2="23"></line>
                                <line x1="15" y1="20" x2="15" y2="23"></line>
                                <line x1="20" y1="9" x2="23" y2="9"></line>
                                <line x1="20" y1="14" x2="23" y2="14"></line>
                                <line x1="1" y1="9" x2="4" y2="9"></line>
                                <line x1="1" y1="14" x2="4" y2="14"></line>
                            </svg>
                            <span>核心产品</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled" id="app" data-parent="#accordionExample">
                        <li>
                            <a href="show.html"> 智能机器 </a>
                        </li>
                        <li>
                            <a href="show.html"> 电子产品 </a>
                        </li>
                        <li>
                            <a href="show.html"> 新能源汽车 </a>
                        </li>
                    </ul>
                </li>

                <li class="menu">
                    <a href="#datatables" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">
                        <div class="">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-layers">
                                <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon>
                                <polyline points="2 17 12 22 22 17"></polyline>
                                <polyline points="2 12 12 17 22 12"></polyline>
                            </svg>
                            <span>知识产权</span>
                        </div>
                        <div>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                 stroke-linejoin="round" class="feather feather-chevron-right">
                                <polyline points="9 18 15 12 9 6"></polyline>
                            </svg>
                        </div>
                    </a>
                    <ul class="collapse submenu list-unstyled" id="datatables" data-parent="#accordionExample">
                        <li >
                            <a href="form"> 知识产权统计 </a>
                        </li>
                        <li>
                            <a href="show.html"> 人工智能 </a>
                        </li>
                        <li>
                            <a href="show.html"> 新能源 </a>
                        </li>
                        <li>
                            <a href="show.html"> 安全生产 </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- <div class="shadow-bottom"></div> -->

        </nav>

    </div>
    <!--  END SIDEBAR  -->
    <!--  BEGIN CONTENT AREA  -->
    <div id="content" class="main-content">
        <div class="layout-px-spacing">

            <div class="row layout-top-spacing">
                <!--高端装备制造-->
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-table-three">

                        <div class="widget-heading">
                            <h5 class="">高端装备制造</h5>
                        </div>

                        <div class="widget-content">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover table-striped table-highlight-head">
                                    <thead>
                                        <tr>
                                            <th><div class="th-content">产品</div></th>
                                            <th><div class="th-content">产品编号</div></th>
                                            <th><div class="th-content th-heading">数量</div></th>
                                            <th><div class="th-content th-heading">日期</div></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="avatar">船舶</div></td>
                                            <td><div class="td-content">#76894</div></td>
                                            <td><div class="td-content">8</div></td>
                                            <td><div class="td-content"><span class="">2021-09-05</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="avatar">发电设备</div></td>
                                            <td><div class="td-content"><span class="pricing">#75844</span></div></td>
                                            <td><div class="td-content"><span class="pricing">12</span></div></td>
                                            <td><div class="td-content"><span >2021-09-18</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="avatar">新能源汽车</div></td>
                                            <td><div class="td-content">#66894</div></td>
                                            <td><div class="td-content pricing"><span class="">546</span></div></td>
                                            <td><div class="td-content"><span >2021-09-15</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="avatar">海洋工程装备</div></td>
                                            <td><div class="td-content">#46894</div></td>
                                            <td><div class="td-content pricing"><span class="">1026</span></div></td>
                                            <td><div class="td-content"><span >2021-09-19</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="avatar">轨道交通装备</div></td>
                                            <td><div class="td-content">#89891</div></td>
                                            <td><div class="td-content pricing"><span class="">168</span></div></td>
                                            <td><div class="td-content"><span>2021-09-21</span></div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="avatar">机床</div></td>
                                            <td><div class="td-content">#26974</div></td>
                                            <td><div class="td-content pricing"><span class="">285</span></div></td>
                                            <td><div class="td-content"><span>2021-09-23</span></div></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-table-three">

                        <div class="widget-heading">
                            <h5 class="">生物医药产业</h5>
                        </div>

                        <div class="widget-content">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover table-striped table-highlight-head">
                                    <thead>
                                        <tr>
                                            <th><div class="th-content">产品</div></th>
                                            <th><div class="th-content th-heading">阶段</div></th>
                                            <th><div class="th-content">总投资（万元）</div></th>
                                            <th><div class="th-content th-heading">日期</div></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">生物发酵产品</div></td>
                                            <td><div class="td-content"><span class="pricing">研发</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">546.25</span></div></td>
                                            <td><div class="td-content">2021-09-23</div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">健康保健产品</div></td>
                                            <td><div class="td-content"><span class="pricing">临床</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">1024.85</span></div></td>
                                            <td><div class="td-content">2021-09-24</div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">内窥镜产品</div></td>
                                            <td><div class="td-content"><span class="pricing">应用</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">2452.63</span></div></td>
                                            <td><div class="td-content">2021-09-22</div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">生物传感器产品</div></td>
                                            <td><div class="td-content"><span class="pricing">制造</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">842.00</span></div></td>
                                            <td><div class="td-content">2021-09-23</div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">医疗器械产品</div></td>
                                            <td><div class="td-content"><span class="pricing">制造</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">362.25</span></div></td>
                                            <td><div class="td-content">2021-09-26</div></td>
                                        </tr>
                                        <tr>
                                            <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">生物发酵产品</div></td>
                                            <td><div class="td-content"><span class="pricing">研发</span></div></td>
                                            <td><div class="td-content"><span class="discount-pricing">546.25</span></div></td>
                                            <td><div class="td-content">2021-09-23</div></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!--光电信息-->
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-table-three">

                        <div class="widget-heading">
                            <h5 class="">光电信息</h5>
                        </div>

                        <div class="widget-content">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover table-striped table-highlight-head">
                                    <thead>
                                    <tr>
                                        <th><div class="th-content">产品</div></th>
                                        <th><div class="th-content">类别</div></th>
                                        <th><div class="th-content th-heading">用途</div></th>
                                        <th><div class="th-content th-heading">状态</div></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">无线电通讯设备</div></td>
                                        <td><div class="td-content"><span class="pricing">电生物学</span></div></td>
                                        <td><div class="td-content"><span class="pricing">光通讯</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">生产</span></div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">侦测干扰设备</div></td>
                                        <td><div class="td-content"><span class="pricing">生物光电</span></div></td>
                                        <td><div class="td-content"><span class="pricing">光电对抗</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">研发</span></div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">激光设备</div></td>
                                        <td><div class="td-content"><span class="pricing">生物光电</span></div></td>
                                        <td><div class="td-content"><span class="pricing">电子激光</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">研发</span></div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">远程操控</div></td>
                                        <td><div class="td-content"><span class="pricing">生物光电</span></div></td>
                                        <td><div class="td-content"><span class="pricing">遥感</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">生产</span></div></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!--航天信息-->
                <div class="col-xl-6 col-lg-12 col-md-12 col-sm-12 col-12 layout-spacing">
                    <div class="widget widget-table-three">

                        <div class="widget-heading">
                            <h5 class="">航天信息</h5>
                        </div>

                        <div class="widget-content">
                            <div class="table-responsive">
                                <table class="table table-bordered table-hover table-striped table-highlight-head">
                                    <thead>
                                    <tr>
                                        <th><div class="th-content">技术种类</div></th>
                                        <th><div class="th-content th-heading">状态</div></th>
                                        <th><div class="th-content th-heading">总投资（万元）</div></th>
                                        <th><div class="th-content">日期</div></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">制造运载技术</div></td>
                                        <td><div class="td-content"><span class="pricing">研发</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">3456.27</span></div></td>
                                        <td><div class="td-content">2021-09-25</div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">航天器技术</div></td>
                                        <td><div class="td-content"><span class="pricing">研发</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">2657.42</span></div></td>
                                        <td><div class="td-content">2021-09-24</div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">地面测控技术</div></td>
                                        <td><div class="td-content"><span class="pricing">研发</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">5642.98</span></div></td>
                                        <td><div class="td-content">2021-09-23</div></td>
                                    </tr>
                                    <tr>
                                        <td><div class="td-content product-name"><img src="assets/img/90x90.jpg" alt="product">空间飞行技术</div></td>
                                        <td><div class="td-content"><span class="pricing">研发</span></div></td>
                                        <td><div class="td-content"><span class="discount-pricing">2648.65</span></div></td>
                                        <td><div class="td-content">2021-09-22</div></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--  END CONTENT AREA  -->

</div>
<!-- END MAIN CONTAINER -->

<!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
<script src="assets/js/libs/jquery-3.1.1.min.js"></script>
<script src="bootstrap/js/popper.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
    $(document).ready(function () {
        App.init();
        changeZoom();
        window.onresize = function(){
            changeZoom();
        }

    });

    function changeZoom(){
        let zoom = $("body").css("zoom");
        console.log("原来的zoom:" +zoom);
        if(zoom == null || zoom == ''  || zoom == undefined){
            zoom = 1;
        }
        console.log("最终的zoom:" + zoom);
        let scrollWidth = document.body.scrollWidth;
        let scrollHeight = document.body.scrollHeight;
        let offsetWidth = document.body.offsetWidth;
        let offsetHeight = document.body.offsetHeight;
        console.log("scrollWidth:" + scrollWidth + ";offsetWidth:" +offsetWidth);
        let reallyWidth = scrollWidth * zoom;
        if(reallyWidth > 2300){
            $("body").css("zoom", 2);
        }else{
            $("body").css("zoom", 1);
        }
    }

</script>
<script src="assets/js/custom.js"></script>
<!-- END GLOBAL MANDATORY SCRIPTS -->

<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->
<script src="plugins/apex/apexcharts.min.js"></script>
<script src="assets/js/dashboard/dash_1.js"></script>
<!-- BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS -->

</body>
</html>